<template>
	<view class="content">
		<!-- 	<UserInfo username="张三" avatar="../../static/pic1.webp"></UserInfo>
		<UserInfo  avatar="../../static/pic2.jpg"></UserInfo>
		<UserInfo :username="name" ></UserInfo> -->

		<!-- <UserInfo :obj="{a:1,b:2}"></UserInfo> -->
		<!-- <UserInfo :obj="userinfo"></UserInfo> -->
		
		<UserInfo v-for="(item,index) in userinfo" :key="index" :obj="item"></UserInfo>

	</view>
</template>

<script setup>
	import {
		ref
	} from "vue";

	// const name = ref("王五")
	const userinfo = ref([{
		name: "张三",
		avatar: "../../static/pic1.webp"
	}, {
		name: "李四",
		avatar: "../../static/pic2.jpg"
	}, {
		name: "王五",
		avatar: "../../static/pic3.png"
	}])
</script>
<style lang="scss" scoped>

</style>